<!DOCTYPE html>
	<html>
	<head>
		<title>{$site_seo_title}</title>
		<meta name="keywords" content="{$site_seo_keywords}" />
		<meta name="description" content="{$site_seo_description}">
		<tc_include file="Public:head" />
		<link href="__TMPL__Public/css/slippry/slippry.css" rel="stylesheet">
		<style>
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
			}
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				.caption-wraper{left:0;bottom: 0.4em;}
				.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
	</head>
<body >
<tc_include file="Public:nav_index" />

<!-- banner start -->
<div id="swiper-top1" data-stellar-ratio="0.3" class="text-center" style="position: fixed;width:100%;top: 0;left: 0;z-index: -200;">
	<php> $home_slides=sp_getslide("portal_banner"); </php>
	<ul id="rslides" class="rslides list-unstyled">
		<foreach name="home_slides" item="vo">
		<li>
			<div class="banner" data-href="{$vo.slide_url}">
				<img class="banner-image" src="{:sp_get_asset_upload_path($vo['slide_pic'])}"  alt="{$vo.slide_name}"/>
			</div>
		</li>
		</foreach>
	</ul>
	<div class="sliderArrow icon-angle-down" style="transform: translateY(0px); opacity: 1;"></div>
</div>
<!-- banner End -->

<!-- 公司介绍 start -->
<section class="introduce" style="background-color: #f6f6f6;">
	<div class="container text-center">
		<div class="l-introduce-title wow animated fadeInUp">
			<div class="en-title english">ABOUT&nbsp;US</div>
			<div class="zh-title">公&nbsp;司&nbsp;介&nbsp;绍</div>
			<div class="bottline"></div>
		</div>
		<php> $company_intros=sp_getslide("company_intro");</php>
		<div class="row">
			<volist  name="company_intros" id="vo" >
			<figure data-wow-delay="0.{$key}s" data-href="{$vo.slide_url}" class="wow animated fadeInUp">
				<img class="hot-video img-hover-scale" src="{:sp_get_asset_upload_path($vo['slide_pic'])}"   alt="{$vo.slide_name}" />
			</figure>
			</volist >
		</div>
		<div class="row introduce-content wow animated fadeInUp">
			<php > echo $company_intros[0]["cat_remark"];</php>
		</div>
		<div class="intro z-news-more wow animated fadeInUp">
			<div class="english more-z-news-btn cursor-pointer" data-href='{:leuu("portal/page/index",array("id"=>2))}'>
				MORE
			<i class="icon-angle-right fr"></i>
			</div>
		</div>
	</div>
</section><!-- 公司介绍 end -->

<!-- fuwu start -->
<section class="hot-series">
	<div class="container text-center">
		<div class="l-introduce-title wow animated fadeInUp">
			<div class="en-title english">HOT&nbsp;SERIES</div>
			<div class="zh-title">影&nbsp;视&nbsp;剧&nbsp;目</div>
			<div class="bottline"></div>
		</div>		
	</div>
	<php> $hot_series=sp_getslide("hot_series");</php>
    <div class="row">
        <div class="series-content">
			<volist  name="hot_series" id="vo" >
				<figure data-wow-delay="0.{$key}s" data-href="{$vo.slide_url}"  class="wow animated fadeInUp">
					<img class="hot-video img-hover-scale" src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt="{$vo.slide_name}" />
					<div class="hot-video-desc cursor-pointer">
						<span class="video-desc">VIEW DETAILS</span>
					</div>
				</figure>
			</volist>
        </div>
	</div>
	<div class="z-news-more wow animated fadeInUp">
		<div class="english more-z-news-btn cursor-pointer">
			MORE
		<i class="icon-angle-right fr"></i>
		</div>
	</div>
</section><!-- fuwu end -->
<section class="z-stars text-center" style="width: 100%;position: relative;left: 0;top: 0;">
	<!--top title-->
	<div class="z-stars-title wow animated fadeInUp">
		<div class="en-title english">STARS</div>
		<div class="zh-title">明&nbsp;星&nbsp;档&nbsp;案</div>
		<div class="bottline"></div>
	</div>
	
	<php> $star_archives=sp_getslide("star_archives");</php>
	<!--sliders-->
	<ul id="rslides-stars" class="rslides list-unstyled wow animated fadeInUp">
	<volist  name="star_archives" id="vo" >
		<li class="hover-parent">
			<div class="star-con">
				<div class="star-frame">
					<div class="star-photo"><img src="__TMPL__Public/statics/UIimages/idol-2.jpg"/></div>
					<div class="star-zhName">{$vo['slide_name']}</div>
					<div class="star-enName">{$vo['slide_des']}</div>
					<div class="star-desc">{$vo['slide_content']}</div>
				</div>
			</div>
			<div class="star-banner">
				<img class="banner-image" src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt="{$vo.slide_name}"/>
			</div>
		</li>
	</volist>
	</ul>
</section>
<!--news start by z-->

<section class="z-news">
	<div class="z-news-title wow animated fadeInUp">
		<div class="en-title english">NEWS</div>
		<div class="zh-title">公&nbsp;司&nbsp;资&nbsp;讯</div>
		<div class="bottline"></div>
	</div>
	<php>
	$index_cid=3;// 公司资讯id
	$lastnews=sp_sql_posts("cid:$index_cid;field:post_date,post_title,post_excerpt,tid,smeta;order:listorder asc;limit:4;"); 
	</php>
	<!--news list con by z-->
	<div class="z-news-list">
		<foreach name="lastnews" item="vo">
		<php>$smeta=json_decode($vo['smeta'],true);$d = $vo['post_date'];</php>
		<!--one news cell by z-->
		<div class="z-news-cell wow animated fadeInUp">
			<div class="newscontent  text-center"  data-href="{:leuu('article/index',array('id'=>$vo['tid'],'cid'=>$vo['term_id']))}">
				<div class="z-cell-date">
					<div class="zcell-d-m"><php>echo date('m',strtotime($d));</php>/<php>echo date('d',strtotime($d));</php></div>
					<div class="zcell-year"><php>echo date('Y',strtotime($d));</php></div>
				</div>
				<div class="z-cell-content">
					<div class="zcell-title">{$vo['post_title']}</div>
					<div class="zcell-brief">{$vo['post_excerpt']}</div>
				</div>
				<i class="icon-angle-right fr"></i>
			</div>
		</div>
		</foreach>
	</div>
	<div class="z-news-more cursor-pointer wow animated fadeInUp">
		<div class="english more-z-news-btn cursor-pointer" data-href="{:leuu('list/index',array('id'=>$index_cid))}">
				MORE
			<i class="icon-angle-right fr"></i>
		</div>
	</div>
</section>
<!--news end by z-->

<tc_include file="Public:footer"/>

<tc_include file="Public:scripts"/>
<script>
$(function(){

	try{
		wow = new WOW({animateClass: 'animated',offset:100});
		wow.init();
	}catch(e){
		//console.log.log(e);
	}
	
	$(document).on('scroll',function(  ){
		if( $(document).scrollTop()!=0 ){
			$("#header").addClass('mini');
		}else{
			$("#header").removeClass('mini');
		}
	}).trigger('scroll');
	
	var $w = $(window);
	function resize_line_height()
	{
		var h = $('.hot-series figure').height();
		$('.hot-series .video-desc,.hot-series .hot-video-desc').css("line-height",h+"px");
	}
	$w.on("resize",function(){
		var h = $w.height();
		$("#rslides,.banner").height(h);
		//$("#rslides").width(screen.width);
		$(".introduce").css("margin-top",h+"px");
		resize_line_height();
	});
	$w.trigger("resize");
	
	//视差滚动
	//$.stellar();
	var top = 0;
	var position = 0;
	var m = 2;
	$(window).scroll(function(){
		var st = $(window).scrollTop();
		if( st==0){
			position = top = 0;
			m = 2;
		}
		////console.log.log(st,111);
		var res = st-position;
		if( res >0 ){
			top +=(st-position)/++m;
		}else{
			top = st;
		}		
		position = st;
		$('#rslides').css({transform:"translateY(-"+top+"px)"});
		//transform: translateY(-150px);
		//$("#swiper-top1").stop().css("top",-(top-top*0.6) + "px");
		resize_line_height();
	});
})
</script>
{:hook('footer_end')}
</body>
</html>
